.navhead{
    width:100%;
    height:64px;
    line-height: 64px;
    background: #fff;
    .logo{
        h1{
            font-size:36px;
            color:#007fff;
        }
    }
    ul{
        li{
            float:left;
            font-size:16px;
            color:#71777c;
        }
    }
    .nav{
        margin-left:60px;
        li{
            margin:0px 20px;
        }
    }
    .right{
        li{
            margin-left:50px;
            position: relative;
            color:#007fff;
            font-size:16px;
            line-height: 64px;
            input{
                width:170px;
                height:28px;
                padding:4px 16px;
                color:#bdbebe;
                border:1px solid #e2e2e1;
                background: #fbfbfb;
            }
            .search{
                position: absolute;
                right:10px;
                color:#71777c;
            }
        }
    }
    .article{
        i{
            margin-right:6px;
            color:#bdbebe;
        }
        button{
            background: none;
            font-size:16px;
            color:#71777c;
        }
    }
    .isarticle{
        button{
            background: #007fff;
            color:#fff;
            font-size:14px;
            border-radius: 4px;
            padding:8px 10px;
            position: relative;
            
            .down_box{
                position: absolute;
                width:120px;
                top:40px;
                left:0px;
                height:100px;
                background: #fff;
                border:1px solid #dfdfdf;
                text-align: left;
                overflow: hidden;               
                transition: height 0.5s;
                li{
                    float:none;
                    line-height: 40px;
                    margin-left:10px;
                    color:#71777c;
                    i{
                        margin-right:6px;
                    }
                }
                li:hover{
                    color:#007fff;
                }
            }
        }
        i{
            margin-left:6px;
            font-size:14px;
        }
    }
    .login{
        span:nth-child(1){
            border-left:1px solid #bdbebe;
            padding-left:40px;
        }
    }
    .person{
        position: relative;
        .header_img{
            width:34px;
            height:34px;
            border-radius: 50%;
            overflow: hidden;
            display: inline-block;
            line-height: 34px;
            vertical-align: middle;
            margin-left:20px;
            img{
                min-width:40px;
                min-height: 40px;
                max-width:60px;
                max-height:60px;
            }
        }
        .person_nav{
            position: absolute;
            top:64px;
            left:30px;
            width:120px;
            z-index: 1000;
            border:1px solid #dfdfdf;
            background: #fff;
            height:466px;
            box-sizing: border-box;
            transition: height 0.5s;
            overflow: hidden;
            li{
                float:none;
                height:56px;
                margin-left:16px;
                i{
                    margin-right:6px;
                }            
            }
            li:nth-child(6){
               border-bottom: 1px solid #ececec; 
               margin-bottom:5px;
            }
            li:nth-child(7){
                margin-top:5px;
             }
        }
    }
    .register{
        margin-left:10px;
    }
    .register:before{
        content: "";
        display: inline-block;
        width:2px;
        height:2px;
        margin-bottom:3px;
        border-radius: 50%;
        background: #007fff;
        margin-right:10px;
    }
}
.router-link-active{
    color:#007fff;
}
.person_icon{
    width:34px;
    height:34px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    color:#fff;
    margin-top:10px;
    border-radius: 50%;
    margin-left:20px;
    background: #dfdfdf;
    i{
        font-size:16px;
    }
}
.notice{
    font-size:18px;
}
.up_box{
    height:0px!important;
    border:none!important;
}